<template >
  <div>
      <el-container class="maincontent" >
        <el-header style="height:100%">
          <Header></Header>
          <HomeLeft></HomeLeft>
        </el-header>
        <el-main style="max-height:80vh;overflow:auto">
          <nuxt-child style="padding:0 50px"/>
        </el-main>
    </el-container>
  </div>
</template>

<script>
import Logo from '~/components/Logo.vue'
import Header from '~/components/Header.vue'
import HomeLeft from '~/components/HomeLeft.vue'

export default {
  components: {
    Logo,
    Header,
    HomeLeft
  },
  created() {
    // alert(sessionStorage.getItem('token'))
    if (sessionStorage.getItem('token')==null) {
      this.$router.push('/login')
    }else{
       this.$router.push('/SystemHome2')
    }
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath)
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath)
    }
  },
  head() {
    return {
      title: '融厚科技'
    }
  }
}
</script>

<style>
.maincontent{
    background: url('../static/img/mainbg.png') no-repeat;
    width:100%;  
    height:100%;  
    background-size:100% 100%;  
    min-height: 100vh
}
</style>
